const router = [
  {
    path: '/',
    redirect: '/homePage',
  },
  {
    path: '/homePage',
    component: () =>
      import(/* webpackChunkName: "homePage" */ '@/views/homePage.vue'),
    name: 'HomePage',
    meta: {
      title: '首页',
    },
  },
  {
    path: '/sortTable',
    component: () =>
      import(/* webpackChunkName: "homePage" */ '@/views/sortTable.vue'),
    name: 'SortTable',
    meta: {
      title: '表格拖拽',
    },
  },
  {
    path: '/ganttChart',
    component: () =>
      import(/* webpackChunkName: "homePage" */ '@/views/ganttChart.vue'),
    name: 'GanttChart',
    meta: {
      title: '甘特图',
    },
  },
  {
    path: '/virtualList',
    component: () =>
      import(/* webpackChunkName: "homePage" */ '@/views/virtualList.vue'),
    name: 'VirtualList',
    meta: {
      title: '虚拟列表',
    },
  },
  {
    path: '/boxChange',
    component: () =>
      import(/* webpackChunkName: "homePage" */ '@/views/boxChange.vue'),
    name: 'BoxChange',
    meta: {
      title: '拉伸改变盒子宽度',
    },
  },
  {
    path: '/segmented',
    component: () =>
      import(/* webpackChunkName: "homePage" */ '@/views/segmented.vue'),
    name: 'segmented',
    meta: {
      title: '动画tab切换',
    },
  },
]

export default router
